<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>
        <p>some text... ...</p>
    </div>
    <script>
        var ele = document.querySelector('p');
        var elmen = document.querySelector('div');
   

        elmen.addEventListener('click',function(e){
            console.log("捕获",e)
       }, true);

        ele.addEventListener('click', function(e) {
           console.log("执行了", e);
       }, false); //捕获先执行
   
    //    elmen.addEventListener('click',function(e){
    //         console.log("捕获了",e)
    //    }, true);



    //    ele.addEventListener('click', function(e) {
    //        console.log("冒泡开始",e);
    //    }, false);  //冒泡

//事件冒泡:比如表单提交的时候防止表单跳转到其他页面 会写个阻止冒泡。表单提交之前做检验
    </script>
</body>
</html>